<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商易贷</title>
    <link rel="shortcut icon" href="/static/favicon.ico"/>
    <link rel="stylesheet" href="/static/front/fonts/iconfont.css">
    <link rel="stylesheet" href="/static/front/css/base_new.css">
    <link rel="stylesheet" href="/static/front/css/library.css">
    <link rel="stylesheet" href="/static/front/css/style.css">	    
    <script src="/static/front/js/jquery-1.11.1.min.js"></script>
	<script src="/static/front/js/jquery.countdown.js"></script>
    <script src="/static/front/js/js.js"></script>	      
    <style>
        body{ font-family:"Microsoft YaHei"}
        body,h2,p{ margin:0;}
        .cnt{ margin:0 auto; width:1200px;}
        .body{ padding-bottom:96px; background:#e4f1f9;  font-size:14px; color:#666;}
        .title{ height:50px; background:#102f3e; color:#ffffff; font-size:30px; line-height:50px; overflow:hidden;}
        .h2Span{ float:left; padding:0 12px; background:#fd5a47; }
        .orange{ font-style:normal; color:#fd5a47;}

        .banner{ margin:0 auto; width:100%; height:534px; background:url("/static/front/images/type/banner.jpg") center center no-repeat;}
        .page1{ height:626px; background: #fff; line-height:26px;}
        .page1Main{  padding-top:128px;}
        .page1MainOn{ position:relative;height:446px; background:url("/static/front/images/type/oneBg.jpg") no-repeat;}
        .p1One,.p1Two,.p1Three,.p1Fore,.p1Five{ position:absolute;}
        .p1Two,.p1Fore{ top:300px;}
        .p1One,.p1Three,.p1Five{ top:42px;}
        .p1One{ left:114px; width:228px;}
        .p1Two{ left:296px; width:280px;}
        .p1Three{ left:502px; width:292px;}
        .p1Fore{ right:88px; width:405px;}
        .p1Five{ right:4px; width:250px;}
        .page2,.page3{ padding-top:62px;}
        .page2Main,.page3Main{ background:#fff; }
        .page2Main{ padding:58px 110px 58px 60px; line-height:24px;}
        .page2Main .term{ margin-bottom:12px;}
        .page3Main{ position:relative; height:250px;}
        .page3Main span,
            .page3Main em{ position:absolute; display:block;}
        .page3Main span{ width:218px; height:57px; background:url("/static/front/images/type/round.jpg"); text-align:center; line-height:57px;}
        .page3Main em{ width:84px; height:54px;}
    </style>
</head>
<body>
<div id="content">
<#include "../base/top.ftl" />
<div class="banner"></div>
<div class="body">
    <div class="page1">
        <h2 class="title cnt marBottom"><span class="h2Span">一、风控流程</span></h2>
        <div class="page1Main cnt">
            <div class="page1MainOn">
                <p class="p1One">1.严格控制客户准入标准，筛选合格客户，确保客户情况真实。</p>
                <p class="p1Two">2.严格把握风险控制关口，选择有相关抵押、质押、保证能力的客户，作为服务对象。并增加相关共同借款人和连带担保责任人，提高借款客户的违约成本，降低违约机率。</p>
                <p class="p1Three">3.全程跟踪核实资金使用情况，保证专款专用。</p>
                <p class="p1Fore">4.帮助客户提高防控风险的能力并完善防控措施,监控客户资金的用途和流向、针对性的做好资金的后续跟踪管理、关注借款人的生产经营变化情况，及时提供风险预警措施，确保资金安全。</p>
                <p class="p1Five">5.服务机制：定期实地回访，跟踪服务。 </p>
            </div>
        </div>
    </div>
    <div class="page2 cnt">
        <h2 class="title page2Tie"><span class="h2Span">二、产品收益</span></h2>
        <div class="page2Main">
            <p class="term">
                <span>期限1-3月，月收益率 <em class="orange">1.0%</em>，年化收益率 <em class="orange">12.0%</em></span>
                <br><span>期限4-6月，月收益率 <em class="orange">1.05%</em>，年化收益率 <em class="orange">12.6%</em></span>
                <br><span>期限7-12月，月收益率 <em class="orange">1.1%</em>，年化收益率 <em class="orange">13.2%</em></span>
            </p>
            <p class="gains">迅泊达商易贷预期利息收益将按照月息13.2%计算，标的时间为1个月，标的到期后进行还本付息。例如：以客户投资10万，标的期限为1个月计算，预期利息收益为100000*0.01=1000元，到期后客户的迅泊达账户将收到本金和利息总额为101000元。(未扣除利息管理费)</p>
        </div>
    </div>
    <div class="page3 cnt">
        <h2 class="title page3Tie"><span class="h2Span">三、操作流程</span></h2>
        <div class="page3Main" id="flowsheet"></div>
    </div>
</div>
<div id="footer">
    <div class="content">
		<#include "../base/foot.ftl" />
    </div>
</div>
</div>
</body>
<script>
    window.onload = function(){
        window.onresize = function(){
            win();
        }
        function win(){
            var winWeight = document.documentElement.clientWidth;
            console.log(winWeight)
            if(winWeight < 1200){
                document.body.style.width = 1200+ 'px';
                console.log(1)
            }else{
                document.body.style.width = 100 + '%';
            }
        }
        win();

        var oFS = document.getElementById('flowsheet');
        var aEm = oFS.getElementsByTagName('em');
        var aSpan = oFS.getElementsByTagName('span');
        var arrTxt = ['接洽客户','风控人员尽职调查','评审通过','办理抵押手续、签订借款合同','出借人借款','实时贷后跟踪服务','回款完成']
        var arrUrl = ['/static/front/images/type/right.jpg','/static/front/images/type/downLeft.jpg','/static/front/images/type/left.jpg'];
        var str = '';
        var initial = 38;
        for(var i=0; i<arrTxt.length; i++){
            if(i == 6){
                str += '<span class=round"'+i+'"></span>';
            }else{
                str += '<span class=round"'+i+'></span><em class="arrow'+i+'"></em>'
            }
        }
        oFS.innerHTML = str;
        var round = aSpan[0].offsetWidth;
        var arrow = aEm[0].offsetWidth;
        for(var i=0; i<aEm.length; i++){
            if(i < 3){
                aEm[i].style.background = 'url("'+arrUrl[0]+'") center center no-repeat';
                aEm[i].style.left =  initial + round*(i+1) + arrow*i + 'px';
                aEm[i].style.top = 30 + 'px';
            }else if( i == 3){
                aEm[i].style.background = 'url("'+arrUrl[1]+'") center center no-repeat';
                aEm[i].style.right =  70 + 'px';
                aEm[i].style.top = 96 + 'px';
            }else if(i >= 4){
                aEm[i].style.background = 'url("'+arrUrl[2]+'") center center no-repeat';
                aEm[i].style.left =  initial + (round*(7-i) + arrow*(6-i))-151 + 'px';
                aEm[i].style.top = 160 + 'px';
            }
        }
        for(var i=0; i<aSpan.length; i++){
            if(i == 0){
                aSpan[i].style.left = initial + 'px';
                aSpan[i].style.top = 28 + 'px';
            }
            else if(i <= 3){
                aSpan[i].style.left = initial + round*i + arrow*i + 'px';
                aSpan[i].style.top = 28 + 'px';
            }else if(i >3){
                aSpan[i].style.left = initial + (round*(7 - i) + arrow*(7 - i)) -151 + 'px';
                aSpan[i].style.top = 162+'px';
            }
            aSpan[i].innerHTML = arrTxt[i];
        }
    }
</script>
</html>
